<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>laya家族</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src="js/jquery-2.1.0.js"></script>
    <script src="js/bootstrap.js"></script>
    <link rel="stylesheet" href="css/laya.css">
    <link rel="stylesheet" href="css/animate.css">
</head>
<body>
        <!-- 导航栏 start-->
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <!-- 移动端才出现logo和按钮 -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">
                        <img src="images/logo.png" alt="">
                    </a>
                </div>
                <!-- 平板端以上的横向导航 -->
                <div id="navbar" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="index.html">首页</a></li>
                        <li><a href="laya.html">laya家族</a></li>
                        <li><a href="game.html">游戏</a></li>
                        <li><a href="news.html">新闻动态</a></li>
                        <li><a href="aboutus.html">关于我们</a></li>
                    </ul>
                    <!-- 右侧切换语言按钮 -->
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="dropbtn">Language <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">中文</a></li>
                                <li><a href="#">English</a></li>
                            </ul>
                        </li>
                    </ul>
                </div><!--/.nav-collapse -->
            </div><!--/.container-fluid -->
        </nav>
         <!-- 导航栏 end-->

        <!--1 LayaFlash start-->
        <section class="banner_section">
            <div class="container banner">
                <div class="row">
                    <div class="col-md-6 col-xs-12 col-sm-6 banner_text wow animated fadeInLeft">
                        <h2><span>1</span>LayaFlash</h2>
                        <h3>直接用Flash AS3语言开发HTML5的引擎 </h3>
                        <p>为Flash程序员而生，上手快，无需学习其他语言；</p>
                        <p>支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发 HTML5产品；</p>
                        <p>支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业 进入HTML5市场低成本、无门槛；</p>
                        <p>支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</p>
                        <input type="button" value="进入下载">
                    </div>
                    <div class="col-md-6 col-xs-12 col-sm-6 banner_img wow animated fadeInRight">
                        <img src="images/laya_banner.png" alt="">
                    </div>
                </div>
            </div>
        </section>
        <!--1 LayaFlash end-->

        <!-- 2 LayaFlash start -->
        <section class="flash_section">
            <div class="container flash">
                <div class="row">
                    <div class="col-xs-12 flash_title">
                        <h2><span>2</span>LayaFlash</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-sm-4 flash_img" id="flash_img">
                        <img src="images/laya_banner1.png" alt="" >
                    </div>
                    <div class="col-md-4 col-sm-12 col-sm-4 flash_text">
                        <h4>极强性能</h4>
                        <p>C语言编写的HTML5运行器，逻辑渲染双核运 行、GPU加速渲染、内存显存智能管理、渲染流 程极致优化，基于LayaPlaye</p>
                        <h4>更小，更多，更强</h4>
                        <p>不足20K的HTML5运行器，拥有超过5亿的移动 设备安装量，已嵌入到QQ浏览器、QQ空间、百 度浏览器、新浪微博、猎豹浏览器</p>
                    </div>
                    <div class="col-md-4 col-sm-12 col-sm-4 flash_img">
                        <img src="images/laya_banner2.png" alt="">
                    </div>
                </div>
            </div>
        </section>
         <!-- 2 LayaFlash start -->

        <!-- LayaAir start -->
        <section class="layaAir_section">
            <div class="container layAir">
                <div class="row">
                    <div class="col-md-6 col-sm-6 layAir_text">
                        <h2><span>3</span>LayaAir</h2>
                        <p>新一代HTML5引擎，正在内测完善中，敬请期待</p>
                        <h4>小巧强大</h4>
                        <p class="text">核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功<br>能，性能媲美APP</p>
                        <h4>应用领域更广泛</h4>
                        <p class="text">可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
                        <h4>多语言开发</h4>
                        <p class="text">支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
                        <img src="images/layair1.png" alt="">
                    </div>
                    <div class="col-md-6 col-sm-6 layAir_text">
                        <h2><span>4</span>LayaOpen</h2>
                        <p>面向Layabox开发者、流量渠道的一站式对接平台</p>
                        <h4>一站式对接</h4>
                        <p class="text">一次对接，全渠道发行，提供一站式对接、发行、运营服务</p>
                        <h4>免费测试</h4>
                        <p class="text">提供免费评测服务以及线上真实用户的产品测试和运营测试</p>
                        <h4>专业服务</h4>
                        <p class="text">提供最专业的用户数据、付费数据、产品数据等游戏运营数据统计系统</p>
                        <img src="images/layair2.png" alt="">
                    </div>
                </div>
            </div>
        </section>
        <!-- LayaAir end -->

         <!-- LayaStore start -->
         <section class="layaAir_section" id="LayaStore_section">
            <div class="container layAir">
                <div class="row">
                    <div class="col-md-6 col-sm-6 layAir_text">
                        <h2><span>5</span>LayaStore</h2>
                        <p>游戏内容丰富，可安装、可嵌入的HTML5应用商店</p>
                        <h4>嵌入式商店</h4>
                        <p class="text">仅20K的嵌入式HTML5应用商店，嵌入到APP中提供托管式HTML5商店 服务。<br>能，性能媲美APP</p>
                        <h4>流量变现</h4>
                        <p class="text">丰富优质的大型HTML5游戏产品，帮助APP进入流量变现新时代。</p>
                        <img src="images/layair3.png" alt="">
                    </div>
                    <div class="col-md-6 col-sm-6 layAir_text">
                        <h2><span>6</span>LayaPublish</h2>
                        <p> 分成高、覆盖广，提供最优秀的全渠道发行服务</p>
                        <h4>覆盖广</h4>
                        <p class="text">超过5亿的移动设备安装量覆盖，为CP发行保驾护航</p>
                        <h4>分成高</h4>
                        <p class="text">CP可享受80%发行收益的高分成政策。</p>
                        <img src="images/layair4.png" alt="">
                    </div>
                </div>
            </div>
        </section>
        <!-- LayaStore end -->

       <!-- 脚部 -->
       <footer>
        <div class="container footer">
            <div class="row">
                <div class="col-md-9 col-xs-12 footer_text">
                    <a href="#">公司简介</a>
                    <a href="#">联系方式</a>
                    <a href="#">招聘人才</a>
                    <p>All Copyright ReserveLayabox Inc. 京ICP备15008163号-1 </p>
                </div>
                <div class="col-md-3 col-xs-12 footer_img">
                    <a href="#">
                        <img src="images/email1.png" alt="">
                        <div class="img">
                            <img src="images/email.png" alt="">
                        </div>
                    </a>
                    <a href="#">
                        <img src="images/weixin.png" alt="">
                        <div class="img">
                            <img src="images/wechat.png" alt="">
                        </div>
                    </a>
                    <a href="#">
                        <img src="images/qq.png" alt="">
                        <div class="img">
                            <img src="images/qqpop.png" alt="">
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>
<script src="js/wow.js"></script>
<script>
    var wow = new WOW({
        boxClass: 'wow',   //需要执行动画的元素的 class
        animateClass: 'animated',  //animation.css 动画的 class
        offset: 0,  //距离可视区域多少开始执行动画
        mobile: true,  //	是否在移动设备上执行动画
        live: true  //异步加载的内容是否有效
    });
    wow.init();
</script>